<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:replace="layout-admin">
<head>
    <meta charset="UTF-8">


    <th:block th:fragment="header">
        <style>
            tr.deleted1{
                color:gray;
            }
            input[type=number]{width:60px;}


        </style>
    </th:block>

</head>
<body>

<div class="container-md" id="container" th:fragment="content">
    <div id="app" class="card">

        <div class="card-header">
            <h3 class="card-title">DB Exec </h3>
        </div>
        <div class="card-body">
            <div>
<form method="post" enctype="multipart/form-data" >

    <input name="file" type="file">
    <button type="submit">OK</button>
</form>

            </div>


        </div>



    </div>


</div>

<th:block th:fragment="footer">
    <script>

const { createApp } = Vue;
    var app = createApp({
    data() {
      return { 
        data:{key:null,sql:null}
      }
    },methods:{
        exec:function ( ){

            axios.post("/sa/db/exec", this.data).then(function (response) {
                console.log("response",response)
            }).catch(function (error) {
                console.log("error",error);
            });
        }  
     }
  }).mount('#app');









    </script>
</th:block>
</body>
</html>